@import 'mixins';
@import 'vars';

:host {
    &.expanded {
        @include absolute(3.25rem, 1.25rem, .75rem, 1.25rem);
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }
}

.assets-container {
    background: $color-background;
    border: 1px solid $color-border;
    border-radius: $border-radius;
    height: 12rem;
    margin-top: .5rem;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 1rem;
    padding-bottom: 0;

    &.expanded {
        flex-grow: 1;
    }
}

.disabled {
    pointer-events: none;
}

.list-view {
    margin-bottom: 1rem;
}

.btn-add {
    &.drag {
        border-color: darken($color-theme-secondary, 20%);
        color: darken($color-border, 40%);
        cursor: copy;
    }
}